.top_arrows {
  width: 20px;
  height: 20px;
  border-top: 1px solid #c3c8d6;
  border-right: 1px solid #c3c8d6;
  transform: rotate(-45deg);
  margin-right:30px;
  margin-top: 6px;
}

.bottom_arrows {
  width: 20px;
  height: 20px;
  border-top: 1px solid #c3c8d6;
  border-right: 1px solid #c3c8d6;
  transform: rotate(135deg);
  margin-right:30px;
  margin-top: -6px;
}

.left_arrows {
  width: 20px;
  height: 20px;
  border-top: 1px solid #c3c8d6;
  border-right: 1px solid #c3c8d6;
  transform: rotate(-135deg);
  margin-right:10px;
}

.right_arrows {
  width: 20px;
  height: 20px;
  border-top: 1px solid #c3c8d6;
  border-right: 1px solid #c3c8d6;
  transform: rotate(45deg);
}
